<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 4.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<!-- cheweiqing已经手动格式化过了，不要用myeclipse自动格式化， -->
		<base href="<%=basePath%>">
		<title>登录-西邮寄预付卡自助服务网站</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<link rel="stylesheet" type="text/css"
			href="<%=path %>/js/plugs/kandytabs/kandytabs.css" />
		<link rel="stylesheet" type="text/css" href="<%=path %>/css/c.css" />
		<link rel="stylesheet" type="text/css"
			href="<%=path %>/js/plugs/fancybox/jquery.fancybox-1.3.4.css" />
		<script>
var basePath = "<%=basePath%>";
</script>
		<script type="text/javascript" src="<%=path %>/js/jquery.js">
</script>
		<script type="text/javascript"
			src="<%=path %>/js/plugs/kandytabs/kandytabs.pack.js">
</script>
		<script type="text/javascript" src="<%=path %>/js/plugs/Validform_v5.3_min.js">
</script>
		<script type="text/javascript"
			src="<%=path %>/js/plugs/fancybox/jquery.fancybox-1.3.4.pack.js">
</script>
		<script type="text/javascript" src="<%=path %>/js/jquery-ui.js">
</script>
		<script type="text/javascript" src="<%=path %>/js/login.js">
</script>
		<script type="text/javascript" src="<%=path %>/js/common.js">
</script>
		<script type="text/javascript" src="<%=path %>/js/base.js">
</script>
	</head>
	<%
		Object obj = request.getAttribute("errorMsg");
		String errorMsg = obj == null ? "" : obj.toString();
		if (null != errorMsg && !"".equals(errorMsg)) {
	%>
	<script type="text/javascript">
alert("<%=errorMsg%>");</script>
	<%
		request.setAttribute("errorMsg", "");
		}
	%>
	<body class="noAutoClass">

		<div class="top mb" id="topbar">
			<div class="pageWidth center topcontent">
				<span style="float: left; margin-left: 39px;">西邮寄预付卡自助服务网站-欢迎访问</span>
				<span id="shoucang" style="cursor: pointer;">加入收藏</span>
				<span> | </span>
				<span id="shouye" style="cursor: pointer;"
					onclick="this.style.behavior='url(#default#homepage)';this.setHomePage(location.href);return(false)">设为首页</span>
			</div>
		</div>
		<!--end top-->
		<div class="banner pageWidth center"></div>

		<div class="all pageWidth center">

			<div class="left main">
				<img class="pageimg" src="<%=path %>/images/pagePic.jpg" />
			</div>
			<div class="right main">
				<div id="tabs" class="center">
					<h1>
						持卡用户登录
					</h1>
					<div>
						<!--表单1-->
						<form
							action="<%=basePath%>loginservlet.do?method=CardHolderUserLogon"
							method="post" id="userLogin" class="loginForm">
							<table width="100%" border="0" cellspacing="0" cellpadding="0"
								class="noAutoClass">
								<tr>
									<td class="logonFormLabel">
										用户名：
									</td>
									<td valign="middle">
										<input type="text" name="logonName" id="chuLogonName"
											class="input_1 inputText" datatype="s4-18"
											errormsg="用户名字符长度过短" nullmsg="请输入用户名"
											value="<%=request.getAttribute("logonName") == null ? "" : request
					.getAttribute("logonName")%>" />
									</td>
								</tr>
								<tr>
									<td class="logonFormLabel">
										密码：
									</td>
									<td>
										<input type="password" name="logonPasswd" id="textfield2"
											class="input_2 inputText" datatype="s4-18" errormsg="密码长度过短"
											nullmsg="请输入密码" />
									</td>
								</tr>
								<tr>
									<td class="logonFormLabel">
										验证码：
									</td>
									<td class="safecodeTd">
										<input type="text" name="verifyCode" id="textfield3"
											class="verifyCode inputText" datatype="s4-4"
											errormsg="验证码不合法" nullmsg="请输入验证码"
											onfocus="if(this.value=='单击显示验证图片'){this.value='';reloadVerifyCode('usersafecode')}"
											value="单击显示验证图片" />
										<img alt="验证码" name="usersafecode" id="usersafecode"
											onclick="reloadVerifyCode('usersafecode')"
											style="display: none;" />
									</td>
								</tr>
								<tr>
									<td colspan="2" align="center" class="logonFormButtonTd"
										style="height: 90px;">
										<input name="input" type="image" src="<%=path %>/images/logonbutton.gif"
											srcalt="<%=path %>/images/alt_logonbutton.gif"
											class="imageMbFix altImage" />
										<img src="<%=path %>/images/register.gif"
											srcalt="<%=path %>/images/register_alt.gif" class="imageMbFix altImage"
											id="registButton" fancyTo="registerFormDiv"
											fancyOptions="width:560px;" />
										<p style="margin-bottom: 0">
											<a class="formLink" onclick="doUserDatil();"
												fancyTo="user-window"
												fancyOptions="cacheOpen:true;width:560px;">忘记密码</a>
										</p>
									</td>
								</tr>
							</table>
						</form>
						<!--表单1end-->
					</div>

					<h1>
						商户管理员登录
					</h1>
					<div>
						<!--表单2-->
						<form
							action="<%=basePath%>loginservlet.do?method=MerchantOperLogon"
							method="post" id="muserLogin" class="loginForm">
							<table width="100%" border="0" cellspacing="0" cellpadding="0"
								class="noAutoClass">
								<tr>
									<td class="logonFormLabel">
										商户号：
									</td>
									<td valign="middle">
										<input type="text" name="merchantNo" id="textfield"
											class="input_1 inputText" datatype="n15-23" errormsg="商户号非法"
											nullmsg="请输入商户号"
											value="<%=null == request.getAttribute("merchantNo") ? "" : request
					.getAttribute("merchantNo").toString()%>" />
									</td>
								</tr>

								<tr>
									<td class="logonFormLabel">
										用户名：
									</td>
									<td valign="middle">
										<input type="text" name="mrchOperLogonName"
											id="mrchOperLogonName" class="input_1 inputText"
											datatype="s4-18" errormsg="用户名字符长度过短" nullmsg="请输入用户名"
											value="<%=null == request.getAttribute("mrchOperLogonName") ? ""
					: request.getAttribute("mrchOperLogonName")%>" />
									</td>
								</tr>
								<tr>
									<td class="logonFormLabel">
										密码：
									</td>
									<td>
										<input type="password" name="mrchOperPasswd" id="textfield2"
											class="input_2 inputText" datatype="s4-18" errormsg="密码长度过短"
											nullmsg="请输入密码" />
									</td>
								</tr>
								<tr>
									<td class="logonFormLabel">
										验证码：
									</td>
									<td class="safecodeTd">
										<input type="text" name="verifyCode" id="textfield3"
											class="verifyCode inputText" style="float: left"
											datatype="s4-4" errormsg="验证码长度非法" nullmsg="请输入验证码"
											onfocus="if(this.value=='单击显示验证图片'){this.value='';reloadVerifyCode('adminsafecode')}"
											value="单击显示验证图片" />
										<img alt="验证码" name="adminsafecode" id="adminsafecode"
											onclick="reloadVerifyCode('adminsafecode')"
											style="display: none;" />
									</td>
								</tr>
								<tr>
									<td colspan="2" align="center" class="logonFormButtonTd">
										<input name="input" type="image" src="<%=path %>/images/logonbutton.gif"
											srcalt="<%=path %>/images/alt_logonbutton.gif"
											class="imageMbFix altImage" />
										<a fancyTo="manchertuser-window" class="formLink"
											fancyOptions="cacheOpen:true;width:560px;"
											onclick="doMerUserDatil();">忘记密码</a>
									</td>
								</tr>
							</table>
						</form>
						<!--表单2end-->
					</div>
				</div>
				<!--tabs结束-->
			</div>
			<!--right结束-->
			<div class="clear"></div>
		</div>
		<div class="bottomLine"></div>
		<div class="footer center pageWidth">
			<div class="friendLinkDiv">
				<span>友情链接</span>：
				<a href="#">中国邮政</a>
				<a href="#">中国邮政</a>
				<a href="#">中国邮政</a>
				<a href="#">中国邮政</a>
				<a href="#">中国邮政</a>
				<a href="#">中国邮政</a>
				<a href="#">中国邮政</a>
				<a href="#">中国邮政</a>
				<a href="#">中国邮政</a>
				<a href="#">中国邮政</a>
			</div>
			<div class="benan">
				Copyright © 2003-2012 xxxxx.com 版权所有 | 某ICP证0000000号
			</div>
		</div>


		<div id="hiddenArea" style="display: none;">
			<!--注册表单-->
			<div id="registerFormDiv">
				<form method="post" id="regsitForm">
					<table border="0" cellspacing="0" cellpadding="0"
						class="formTable noAutoClass">
						<tr>
							<td colspan="2" class="noauto formtitleTd tdHeader">
								请输入注册信息
							</td>
						</tr>
						<tr>
							<td>
								登录名：
							</td>
							<td class="mustFill">
								<input type="text" class="txinput" name="logonName"
									id="regLogonName" datatype="s6-15" errormsg="请输入6-15字符!" />
							</td>
						</tr>
						<tr>
							<td>
								登录密码：
							</td>
							<td class="mustFill">
								<input type="password" class="txinput" name="logonPasswd"
									id="regLogonPwd" datatype="s6-30" errormsg="密码长度不够!" />
							</td>
						</tr>
						<tr>
							<td>
								重复输入登录密码：
							</td>
							<td class="mustFill">
								<input type="password" class="txinput" name="logonPasswd2"
									datatype="*" recheck="logonPasswd" nullmsg="请再输入一次密码!"
									errormsg="两次输入的密码不一致!" />
							</td>
						</tr>
						<tr>
							<td>
								邮箱：
							</td>
							<td class="mustFill">
								<input type="text" class="txinput" name="email" datatype="e"
									errormsg="邮箱格式不正确!" />
							</td>
						</tr>
						<tr>
							<td>
								证件类型：
							</td>
							<td class="formTd">
								<select name="IdType" id="IdType">
								</select>
							</td>
						</tr>
						<tr>
							<td>
								证件号码：
							</td>
							<td class="mustFill">
								<input type="text" class="txinput" name="idNo"
									recheckWhen="IdType" datatype="idno" errormsg="证件号码无效!" />
							</td>
						</tr>
						<tr>
							<td>
								有效卡卡号：
							</td>
							<td class="mustFill">
								<input type="text" class="txinput" name="cardNo"
									datatype="n4-30" errormsg="请输入有效卡号!" />
							</td>
						</tr>
						<tr>
							<td>
								卡密码：
							</td>
							<td class="mustFill">
								<input type="password" class="txinput" name="cardPwd"
									datatype="s4-30" errormsg="密码不合法!" />
							</td>
						</tr>
						<tr>
							<td>
								姓名：
							</td>
							<td>
								<input type="text" class="txinput" name="name" />
							</td>
						</tr>
						<tr>
							<td>
								性别：
							</td>
							<td>
								<input id="man" name="sex" type="radio" value="1"
									checked="checked" />
								<label for="man">
									男
								</label>
								<span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
								<input id="woman" name="sex" type="radio" value="0" />
								<label for="woman">
									女
								</label>
							</td>
						</tr>
						<tr>
							<td>
								验证码：
							</td>
							<td>
								<input type="text" name="verifyCode" id="regsafecode"
									class="verifyCode inputText" style="float: left; width: 95px;"
									datatype="s4-4" errormsg="验证码长度非法" nullmsg="请输入验证码"
									onfocus="if(this.value=='单击显示验证图片'){this.value='';reloadVerifyCode('registersafecode')}"
									value="单击显示验证图片" />
								<img alt="验证码" name="registersafecode" id="registersafecode"
									onclick="reloadVerifyCode('registersafecode');"
									style="display: none; cursor: pointer; margin-left: 5px;" />
							</td>
						</tr>
						<tr class="footerTr">
							<td colspan="2" class="noauto tdFooter">
								<img id="submit" name="input" type="image"
									src="<%=path %>/images/submit.gif" srcalt="<%=path %>/images/submit_alt.gif"
									class="imageMbFix altImage" />
							</td>
						</tr>
					</table>
				</form>
			</div>
			<div id="user-window">
				<form method="post" id="com_form">
					<table align="center" cellPadding="0" cellSpacing="0"
						class="tableForm noAutoClass">
						<tr>
							<td class="noauto formtitleTd tdHeader" colspan="2">
								持卡用户找回密码
							</td>
						</tr>

						<tr>
							<td class="labelTd">
								<font size="8px">用户名：</font>
							</td>
							<td class="formTd" id=secTable>
								<input type="text" name="chuloginname" id="chuloginname"
									style="width: 200px" disabled="disabled" />
							</td>
						</tr>
						<tr>
							<td class="labelTd">
								<font size="8px">新密码：</font>
							</td>
							<td class="formTd" id=secTable>
								<input type="password" name="newpassword" id="newpassword"
									style="width: 200px" onkeyup="zzjs_net(this)" />
								&nbsp;
								<font color="red">*必填项,最少6位</font>
							</td>
						</tr>
						<tr>
							<td class="labelTd">
								<font size="8px">确认密码：</font>
							</td>
							<td class="formTd" id=secTable>
								<input type="password" name="qrpassword" id="qrpassword"
									class="easyui-validatebox" required="true" style="width: 200px" />
								&nbsp;
								<font color="red">*必填项,最少6位</font>
							</td>
						</tr>
						<tr>
							<td class="labelTd">
								<font size="8px">问题1：</font>
							</td>
							<td class="formTd" id=secTable>
								<span id="question1" name="question1"></span>
							</td>
						</tr>
						<tr>
							<td class="labelTd">
								<font size="8px">答案1：</font>
							</td>
							<td class="formTd" id=secTable>
								<textarea cols="50" rows="2" id="answer1" name="answer1"
									maxlength="60"></textarea>
							</td>
						</tr>
						<tr>
							<td class="labelTd">
								<font size="8px">问题2：</font>
							</td>
							<td class="formTd" id=secTable>
								<span id="question2" name="question2"></span>
							</td>
						</tr>
						<tr>
							<td class="labelTd">
								<font size="8px">答案2：</font>
							</td>
							<td class="formTd" id=secTable>
								<textarea cols="50" rows="2" id="answer2" name="answer2"
									maxlength="60"></textarea>
							</td>
						</tr>
						<tr>
							<td class="labelTd">
								<font size="8px">问题3：</font>
							</td>
							<td class="formTd" id=secTable>
								<span id="question3" name="question3"></span>
							</td>
						</tr>
						<tr>
							<td class="labelTd">
								<font size="8px">答案3：</font>
							</td>
							<td class="formTd" id=secTable>
								<textarea cols="50" rows="2" id="answer3" name="answer3"
									maxlength="60"> </textarea>
							</td>
						</tr>
						<tr>
							<td class="formTd" colspan="2" style="text-align: center;">
								<img id="submit" type="image" src="<%=path %>/images/submit.gif"
									srcalt="<%=path %>/images/submit_alt.gif" class="imageMbFix altImage hand"
									onclick="doUpdate()" />
							</td>
						</tr>
						<tr>
							<td class="formTd" colspan="2" style="text-align: center;">
								<div id="www_zzjs_net"></div>
							</td>
						</tr>
					</table>
				</form>
			</div>

			<div id="manchertuser-window">
				<form method="post" id="com_merchantform">
					<table align="center" cellPadding="0" cellSpacing="0"
						class="tableForm noAutoClass">
						<tr>
							<td class="noauto formtitleTd tdHeader" colspan="2">
								商户管理员找回密码
							</td>
						</tr>

						<tr>
							<td class="labelTd">
								<font size="8px">用户名：</font>
							</td>
							<td class="formTd" id=secTable>
								<input type="text" name="merchantloginname"
									id="merchantloginname" style="width: 200px" disabled="disabled" />
							</td>
						</tr>
						<tr>
							<td class="labelTd">
								<font size="8px">新密码：</font>
							</td>
							<td class="formTd" id=secTable>
								<input type="password" name="merchantnewpassword"
									id="merchantnewpassword" style="width: 200px"
									onkeyup="zzjs_net(this)" />
								&nbsp;
								<font color="red">*必填项,最少6位</font>
							</td>
						</tr>
						<tr>
							<td class="labelTd">
								<font size="8px">确认密码：</font>
							</td>
							<td class="formTd" id=secTable>
								<input type="password" name="merchantqrpassword"
									id="merchantqrpassword" class="easyui-validatebox"
									required="true" style="width: 200px" />
								&nbsp;
								<font color="red">*必填项,最少6位</font>
							</td>
						</tr>
						<tr>
							<td class="labelTd">
								<font size="8px">问题1：</font>
							</td>
							<td class="formTd" id=secTable>
								<span id="merchantquestion1"></span>
							</td>
						</tr>
						<tr>
							<td class="labelTd">
								<font size="8px">答案1：</font>
							</td>
							<td class="formTd" id=secTable>
								<textarea cols="50" rows="2" id="merchantanswer1"
									name="merchantanswer1" maxlength="60"></textarea>
							</td>
						</tr>
						<tr>
							<td class="labelTd">
								<font size="8px">问题2：</font>
							</td>
							<td class="formTd" id=secTable>
								<span id="merchantquestion2"></span>
							</td>
						</tr>
						<tr>
							<td class="labelTd">
								<font size="8px">答案2：</font>
							</td>
							<td class="formTd" id=secTable>
								<textarea cols="50" rows="2" id="merchantanswer2"
									name="merchantanswer2" maxlength="60"></textarea>
							</td>
						</tr>
						<tr>
							<td class="labelTd">
								<font size="8px">问题3：</font>
							</td>
							<td class="formTd" id=secTable>
								<span id="merchantquestion3"></span>
							</td>
						</tr>
						<tr>
							<td class="labelTd">
								<font size="8px">答案3：</font>
							</td>
							<td class="formTd" id=secTable>
								<textarea cols="50" rows="2" id="merchantanswer3"
									name="merchantanswer3" maxlength="60"> </textarea>
							</td>
						</tr>
						<tr>
							<td class="formTd" colspan="2" style="text-align: center;">
								<img id="submit" type="image" src="<%=path %>/images/submit.gif"
									srcalt="<%=path %>/images/submit_alt.gif" class="imageMbFix altImage hand"
									onclick="doMerUpdate()" />
							</td>
						</tr>
						<tr>
							<td class="formTd" colspan="2" style="text-align: center;">
								<div id="www_zzjs_net"></div>
							</td>
						</tr>
					</table>
				</form>
			</div>

		</div>
	</body>
</html>
<script type="text/javascript">
function reloadVerifyCode(val) {
	$("#" + val).css("display", "inline");
	var timenow = new Date().getTime();
	document.getElementById(val).src = "<%=basePath%>servlet/ValImgServlet?d="
			+ timenow;
}
</script>

